<!--
 * @Author: 星孑
 * @Date: 2022-04-08 18:36:24
 * @LastEditors: 星孑
 * @LastEditTime: 2022-04-08 18:36:27
 * @FilePath: /admin/src/components/NoData.vue
 * @Description:
-->
<template>
  <div class="w-100 h-100 no-data">
    <div>
      <img src="../assets/image/noData.png" alt="">
      <div class="text text-center">
        {{ text }}
      </div>
    </div>
  </div>
</template>
<script>
export default {
  components: {},
  props: {
    text: {
      type: String,
      default: '暂无数据'
    }
  },
  data() {
    return {

    }
  },
  created() {},
  methods: {

  }
}
</script>
<style lang='scss' scoped>
.no-data {
  position: relative;
  min-height: 200px;

  & > div {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 200px;

    img {
      max-width: 100%;
    }

    .text {
      padding-top: 20px;
      color: #aaa;
      font-size: 16px;
    }
  }
}
</style>
